/*
	Theme Name: BBtheme
	Description: HTML5 Blank WordPress Theme
	Tags: Blank, HTML5, CSS3

*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* variables */ 
:root {
	--purple:#6a1944;
	--blue:#395485;
	/--pink:#e1aac8;
	/--pink:#9f6384;
	--pink:#7f4f6a;

}
/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	/font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/font:300 13px/1.4 'Roboto', sans-serif;
	font:300 19px/1.4 'Roboto', sans-serif;
	font-weight:normal;
	color:#444;
}

body:not(.home) section {
	font:300 19px/30px 'Roboto', sans-serif;
	font-weight:normal;
	width:70%;
	max-width:1000px;
	min-width:400px;
	margin:0 auto;
	}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	/max-width:1280px;
	/width:95%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/* BB edits */ 

/* globals */ 

main {padding:0 45px;}

.fa {font-family:Font Awesome 5 Free;}

body:not(.home) main {padding-top:20px;}

h1 a {color:var(--purple);}

h1,h2,h3 {color:var(--purple);}

h2 {font-size:1.7em;margin:0 0 1em 0;text-transform:capitalize;font-weight:normal;}

.maxwidth70 {
	max-width:70%;
	margin:0 auto;
}

/* menu*/

#mega-menu-wrap-header-menu {
	border-bottom: 1px solid rgba(255, 255, 255, 0.45);
	position:absolute;
	width:100%;
	z-index:999;
	background: linear-gradient(-45deg, white 30%, transparent 80%);	
	box-shadow:0 5px 25px -15px var(--purple);
	}
	
.page:not(.home) #mega-menu-wrap-header-menu,
.page:not(.home) .mega-sticky-wrapper #mega-menu-wrap-header-menu {
	/background-image:url(./resources/top_bgw.png);
	background-size:cover;
	background-position:50%;
	/background-blend-mode:soft-light;
	background-color:white;;

}	
#mega-menu-header-menu {
	
	}
	
#mega-menu-wrap-header-menu.mega-sticky {
	z-index:998;
}
	
#mega-menu-wrap-header-menu li.mega-menu-item img.mega-menu-logo {
    /background: linear-gradient(0deg, rgb(249, 230, 240), white, rgb(249, 230, 240));
    /box-shadow: 0 10px 10px -10px rgba(255,255,255,0.6);
    /border: 1px solid #b08b9f;
    border-radius: 25px;
	padding:4%;
    /top: 10px;
    position: relative;
	max-height:100%;
}

.page:not(.home) #mega-menu-wrap-header-menu li.mega-menu-item img.mega-menu-logo {
	top:0;
	max-height:100%;
}

.mega-sticky-wrapper #mega-menu-wrap-header-menu li.mega-menu-item img.mega-menu-logo {
		top:0;
		background:transparent;
		box-shadow:unset;
}

.home .mega-sticky-wrapper #mega-menu-wrap-header-menu {
	background: white;
	box-shadow:0 5px 25px -15px var(--purple);

}

#mega-menu-wrap-header-menu #mega-menu-header-menu  li.mega-menu-item  a.mega-menu-link {
	font-style:italic;
}

.page:not(.home) #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
	/color:white;
}

.page:not(.home) #mega-menu-wrap-header-menu.mega-sticky #mega-menu-header-menu {
	box-shadow:0 5px 25px -15px var(--purple);
}

.page:not(.home) a.mega-menu-link.mega-menu-logo {
	/background:white;
}
/* mobile menu */ 
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-2 a.mega-menu-logo img.mega-menu-logo {width:100%;}
body:not(.home) section:first-child {margin-top:110px;}

body:not(.home) section {
	margin:5vw auto;
	/padding:0 70px;
	max-width:1320px;
}

section {
	margin:5vw auto;

}

.home section:last-child {
	margin-bottom:0;
}

.home section.top {
	padding: calc(6vh + 110px) 0 6vh 0;
    width: 100%;
    max-width: 100%;
    /margin: unset;
	margin: 0px 0 3vw 0;
   / background-size: cover;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-color: white;
  /  background-blend-mode: soft-light;
	}

.home section.about {
	width:100%;
	max-width:100%;
	background:var(--blue);
	background-size:cover;
	background-blend-mode:soft-light;
	margin-top:0;
	
	background: #395585;
	background: -webkit-radial-gradient(top, #395585, #273958);
	background: -moz-radial-gradient(top, #395585, #273958);
	background: radial-gradient(to bottom, #395585, #273958);
}

section.applications  {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(250px,300px));
	/grid-template-rows: repeat(3,250px);
	height:auto;
	grid-gap:5vw;
	/display:flex;
	justify-content: center;
	margin:5px 45px 20px ;

}

body:not(.home) section.applications {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(250px,300px));
	/grid-template-rows: repeat(3,250px);
	height:auto;
	grid-gap:3vw;
	/display:flex;
	justify-content: center;
	margin:2em auto 2em;
	max-width:100%;
	width:100%;
}

.home section.newslist {
	/background:var(--purple);
	max-width:100%;
	padding:2em 0;
	margin:6vw 0 2em;
	background-blend-mode:soft-light;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:0 100%;
}

.frontimage {
	/width:fit-content;
	max-width:1320px;
	margin:0 auto;
	/padding:2em;
	box-sizing:border-box;
	position:relative;
	display: flex;
    align-content: center;
    flex-flow: row;


}

h2.front_tagline {
	text-align:right;
	text-transform:uppercase;
	color:var(--blue);
	/background:var(--purple);
	padding-right:1em;
	font-size:2.6vw;
	width:40vw;
	/max-width:350px;
	box-sizing:border-box;
	/margin:0 0 0 3vw;
	margin:0;
	
	display: flex;
    flex-direction: column;
    justify-content: center;
	
	background-blend-mode:soft-light;
	background-size:cover;

}

.frontimage img {
	object-fit:contain;
	max-width:50vw;
	width:100%;
	border-radius:15px;
	margin:0 auto;
	text-align:center;
	position:relative;
	}

.fronttopbox {
	display:flex;
	flex-direction:column;
	justify-content:center;
	/max-width:30%;
	/min-width:400px;
	/padding:0 1em;
}

.front_desctext {
	text-align:center;
	max-width:1320px;
	min-width:400px;
	width:70%;
	/width:100%;
	margin:0 auto;
	/font-size:1.3em;
	margin-top:2em;
	
}

.abouttext {
	/font-size:1.3em;
	padding:0 1em 1em;
	text-align:center;
	min-width:400px;
	max-width:70%;
	margin:0 auto;
	display:block;
	
}
.aboutinner {
	max-width:1320px;
	margin:0 auto;
	display:flex;
	align-items: center;
	color:white;
}

.iris {
	max-height:250px;
	margin:0 2vw;
	padding: 1em;
	}

img.iris {
	height:600px;
}


.appheader {
	display:block;
	width:100%;
	text-align:center;
}

@keyframes bgpulse {
	0% {background-size:125%;}
	50%	{background-size:160%;}
	100%	{background-size:125%;}
}

.singleapp {
	width:100%;
	background-size: 125%;
    background-repeat: no-repeat;
    background-position: 50%;
	position:relative;
	height:250px;
	overflow:hidden;
	position:relative;
	
	animation-name:bgpulse;
	animation-duration:10s;
	animation-fill-mode:both;
	animation-iteration-count:infinite;
}

.gotowrapper {
	display:block;
	width:100%;
	text-align:center;
	margin:3em auto 1em;
}

a.gotobutton {
	background:var(--pink);
	color:white;
	padding:0.7em 1.4em;
	font-size:1.1em;
	/border-radius:15px;
	font-weight:bold;
	display:block;
	width:fit-content;
	margin:0 auto;
	box-shadow:5px 5px 5px rgba(68,68,68,0.6);
	
}

.singleapp:hover .appdesc {
	opacity:1;
	backdrop-filter:blur(3px);
}

@keyframes topdown {
	from {top:0;}
	to	{top:50%;}
}

.apptitle {
    font-size: 1.2em;
    margin: 0 auto;
    text-align: center;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
	background:rgba(107, 25, 69, 0);
	padding:0.35em;
	backdrop-filter:blur(3px);
	text-shadow: 0 0 1px black;
	
}

@keyframes bottomup {
	from {bottom:-3em;}
	to	{bottom:1em;}
}

.singleapp:hover .appmore {
	animation-name:bottomup;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	/animation-delay:0.8s;

}

.appmore {
	position:absolute;
	bottom:1em;
	left:50%;
	transform:translateX(-50%);
	color:white;
	border:1px solid white;
	padding:0.5em 1em;
	border-radius:5px;
	/font-size:1.2em;
	text-transform:uppercase;
	backdrop-filter:blur(3px);
	
	bottom:-3em;
}

/.appdesc {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	color:white;
	background:rgba(107, 25, 69, 0.55);
	display:flex;
	flex-direction:column;
	padding:2em;
	justify-content:center;
	text-align:justify;
	opacity:0;
}

/* newsletter */ 
section.newsletter {
	background:var(--purple);
	color:white;
	margin:2vw auto 0;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	
	padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 40px;
    padding-left: 50px;
	
	position:relative;
	top: 2em;
    z-index: 99;

}

h2.signup {
	color:white;
	margin:0;
	padding-right:1em;
	font-size:35px;
	}

div.newsletterinputbox {
	width:50%;
	min-width:400px;
	margin-bottom:10px;
}

.newsletterinputbox .caldera-grid .form-group {margin-bottom:0;}
.newsletterinputbox .btn-default {margin-bottom:0;}
.newsletterinputbox .caldera-grid .btn {border-radius:0;border:unset;height:52px;border-left:1px solid var(--purple);font-size:1em !important;}
.newsletterinputbox .caldera-grid .form-control {
	margin-bottom:0;
	font-size:2em;
	padding:1em 2em;
	border:none;
	border-radius:0;
	max-width:450px;
	float:right;
	}
.newsletterinputbox .col-sm-3 {padding:0;} 
.newsletterinputbox .caldera-grid .col-sm-9 {width: calc(100% - 80px);margin:0;padding:0;} 
.newsletterinputbox .caldera-grid .col-sm-3 {width:fit-content;margin:0;padding:0;} 
.newsletterinputbox .caldera-grid input {font-size:16px !important;height:52px;color:var(--purple);} 
.newsletterinputbox .caldera-grid input::placeholder {color:grey !important;font-weight:400;}
.newsletterinputbox ::-webkit-input-placeholder {color:var(--purple);}


/* Footer */ 
/.footer::before {
	content:'';
	display:block;
	width:100%;
	height:1px;
	/background:var(--purple);
	background:#e5dbe0;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);

}
.footer {
    background:white;
    /background-size: cover;
    background-position: 0% 20%;
    /background-blend-mode: soft-light;
    color: var(--blue);
	padding:0;
	position:relative;
	margin:0 auto;
}

.footer a {
	color:var(--pink);
	text-decoration:underline;
	position:relative;
}
/.footer a::after {
	content:'';
	display:block;
	position:absolute;
	width:80%;
	height:1px;
	background:var(--purple);
	left: 50%;
    transform: translateX(-50%);
}


.eus {
	display:flex;
	margin: 0 auto;
    width: fit-content;
	align-items: center;
}

.euflag {width:fit-content;display:block;}

.euflag img {
	max-height:40px;
	margin:1em;
	object-fit:contain;
}

.eusentance {width:fit-content;display:block;}

p.copyright {
	text-align:center;
	display:block;
	margin:0;
}

.footerblocks {
	width:100%;
	/max-width:1320px;
    background: #24131b;
    padding: 2em 4em;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    grid-gap: 2em;
    color: white;
    font-size: 14px;
	margin:12px auto 0;
}

.fblocktitle {font-weight:bold;position:relative;left:-0.5em;}

.fblock {padding:1em;position:relative;}

.fblock .alignleft {margin: 5px 20px 5px 0;}

.fblock:nth-child(2)::before {
	content:'';
	display:inline-block;
	position:absolute;
	background:white;
	left:-1em;
	top:50%;
	transform:translateY(-50%);
	width:1px;
	height:100px;
}
.fblock:nth-child(2)::after {
	content:'';
	display:inline-block;
	position:absolute;
	background:white;
	left:calc(100% + 1em);
	top:50%;
	transform:translateY(-50%);
	width:1px;
	height:100px;
}

.fblock a {text-decoration:none;}

/* news section */ 
/h2.newslisttitle {
    color: #e5abca;
	/text-shadow:0.5px 1px 2px black;
    margin-bottom: .4em;
    text-transform: capitalize;
    font-weight: 300;
    font-size: 1.4em;
	/mix-blend-mode: overlay;
}

ul.newslist {
	width: 80%;
    min-width: 500px;
    margin: 1em auto 0;
	padding:0 5vw;
	display:block;
	/grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
	grid-gap:4vw;
}
.newslisttitle {
    width: 100%;
    margin: 0 auto;
	text-align:center;
}

/.home .newslisttitle::after {
	content:'';
	display:block;
	width:80%;
	padding-top:12px;
	border-top:1px solid rgba(255,255,255,.7);
	position:relative;
	left:50%;
	transform:translateX(-50%);
	
}
.home .lcp_title {
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	color:var(--purple);
	width:65%;
	min-width:400px;
}

.home a.lcp_link {
    color: var(--blue);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
	margin-top:1em;


}

.home ul.newslist .bottombox {
	/display:flex;
	/margin-top:2em;
	/flex-direction: row;
    /justify-content: space-between;
	
}
.home .fawico {
	margin-right:0.3em;
	width:20px;
	text-align:center;
}

.home .lcp_date,
.home .lcp_location {
	font-size:1em;
	opacity:0.65;
	color:var(--purple);
	width:25%;
	width:fit-content;
	margin-right:1em;
	
}

.home .lcp_location {
	/margin-left:2em;
}

/* social icons/links */
.socialicons {
	font-size:35px;
	color:var(--purple);
	position:fixed;
	top:40%;
	display:flex;
	flex-direction:column;
	background:var(--pink);
	padding:0.35em;
	border-radius:0 7px 7px 0;
	z-index:800;
	box-shadow:0px 0 7px rgba(0,0,0,0.35);
	transform:scale(0.75) translateX(-25%);
	transition:all 0.1s ease-out;
}
a.socialicon:hover i {
	color:var(--blue);
}

a.socialicon i {color:white;}

/* PArtners list */
.partnerslistwrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
    grid-gap: 4vw;
	margin:4vw auto;
}

.coordinator::before {
	content:'Coordinator';
	display:block;
	color:white;
	background:var(--pink);
	padding:0 1em;
	font-size:0.7em;
	line-height:1.5;
	position:relative;
	top:-10px;
	left:10px;
	border-radius:5px;
	width:100px;
	text-align:center;
}

.singlepartner {
	display:block;
    background: white;
    border: 1px solid #e5abca;
	box-shadow:2px 5px 25px -15px var(--purple);
    border-radius: 0 0 10px 10px;
    /overflow: hidden;
	animation-name:pshowup;
	animation-duration:0.1s;
	animation-fill-mode: forwards;
	transform:scale(0);
	opacity:0;
}

@keyframes pshowup {
	from {	transform:scale(0);
			opacity:0;
			}
	to	{
		transform:scale(1);
		opacity:1;
		}
}

.plongname, .pshortname, .pwebsite, .paddress, .pcountry {
	padding:0 1em;
}

.plogo {background:white;height:100px;width:100%;}
.plogo img { 
	height: 100px;
    width: 100%;
    object-fit: contain;
	}

.plongname::before {content:'LONG NAME: ';display:block;font-size:9px;color:darkgrey;font-weight:initial;}
.plongname {font-size:1.2em;font-weight:bold;color:var(--blue);margin-top:10px;}

.plogo {margin-bottom:1em;padding:10px;}
.pitem:last-child {margin-bottom:1em;}

.pwebsite, .pcountry {
	display:inline-block;
	width:48%;
}

.pwebsite a {color:var(--purple);font-weight:bold;font-size:0.9em;text-transform:uppercase;padding:3px 5px;border:1px solid darkgrey;border-radius:5px;background:whitesmoke;}
.pcountry::before {content:'COUNTRY: ';display:inline;font-size:9px;color:darkgrey;font-weight:initial;}
.pcountry {text-align:right}

.pshortname::after {content:'SHORT NAME: ';display:block;font-size:9px;color:darkgrey;font-weight:initial;}
.pshortname {font-size:1.5em;color:var(--purple);font-weight:bold;text-align:center;margin:0.7em 0;}

/* remodal */ 
.remodal-is-opened {z-index:999;}
.modalimage img {max-height:120px;width:auto;}


body:not(.home) section.newsletter {
	margin:0 auto;
	max-width:100%;
	width:calc(100% - 90px);
	}
/*------------------------------------*\
    Media
\*------------------------------------*/

@media only screen and (max-width: 800px) {
	.aboutinner {display:block;}
	img.iris {margin:0 auto;width:100%; text-align:center;}
	h2.signup {width:100%;display:block;}
	section.newsletter {display:block;}
	div.newsletterinputbox {margin:0 auto;}
	.newsletterinputbox .caldera-grid .col-sm-3, 
	.newsletterinputbox .caldera-grid .col-sm-9 {display:inline-block;vertical-align: top;}
	.frontimage {display:block;}
	h2.front_tagline {width:100%;text-align:center;margin-bottom:20px;}
	.frontimage img {max-width:100%;}
	ul.newslist {margin:1em auto;width:100%;}
	.home a.lcp_link {display:block;}
	.home .lcp_title {width:100%;text-align:center;}
	.home .lcp_date, .home .lcp_location {margin:0 auto;}
	}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}