/* 
CW-ITP styles
*/

/* Colours 

Blue			: #2d557e		rgba(45,85,126,1.00)
Dark Blue		: #072D53		rgba(7,45,83,1.00)
Hover Red    : #AB0031


Purple          : #524fa1       rgba(45,85,126,1.00)
Dark Purple     : #332578       rgba(51,37,120,1.00)

Yellow          : #F7B408
Grey            : #dddddd
Dark Grey       : #888888
Red             : #DD2800


300 = LIGHT
400 = REGULAR
700 = BOLD



*/


html {font-size: 62.5%;}

body { 
	font-family: 'Roboto', Segoe, Tahoma, Verdana, sans-serif;
	font-size: 1.5rem; 
	line-height: 1.6;
    font-weight:300;
}



/* Typography */

a { color: #2d557e; }
a:link, a:visited { text-decoration: none; }
a:hover {
	color: #AB0031;
}

h1, .h1 { font-size: 3.6rem; color:#2d557e; line-height: 1.1; text-transform: uppercase; font-weight: 300; margin-bottom: 1rem; }
h2, .h2 { font-size: 2.6rem; color:#2d557e; line-height: 1.3;}
h3, .h3 { font-size: 2.3rem; color:#666; line-height: 1.3;}
h4, .h4 { font-size: 2rem; color:#666; line-height: 1.3; text-transform: uppercase;}
h5, .h5 { font-size: 1.8rem; color:#666; line-height: 1.3;}
h6, .h6 { font-size: 1.5rem; line-height: 1.3; font-weight: 600; color:#2d557e; }

h2, h3, h4, h5, h6 {padding-top:8px;}

p {margin-bottom: 0.6rem;}

.lead {font-size: 1.65rem; font-weight: 400; line-height: 1.5; }
.mcmpurple {color:#2d557e;}
.hideme {display:none;}

.hidden { display: none!important; }


.nowrap {white-space: nowrap;}


/* Inline Button*/

a.hwbd-inline-button {
	color: #2d557e;
	font-size: 1.5rem;
	line-height: 1.2;
	padding: 12px 24px 12px 24px;
	margin: 10px 0px;
	font-weight: normal;
	border: 1px solid #2d557e;
	border-radius: 0.25em;
	background-color: #FFE39B;
	box-sizing: border-box;
	display: inline-block;
	width: fit-content;
}
a.hwbd-inline-button:hover {
    color: #AB0031;
    text-decoration: none;
    background-color: #FFE39B;
}



/* BS Edits Buttons */

.btn {font-size: 1.5rem; padding: .75rem 1.5rem; }

.btn-primary {
    background-color: #2d557e;
    border-color: #2d557e;
    text-transform: uppercase;
}

.btn-primary.focus, 
.btn-primary:focus {
	box-shadow: 0 0 0 3px rgba(45,86,178,0.40);
	-webkit-box-shadow: 0 0 0 3px rgba(45,86,178,0.40);
}
.btn-primary.active, 
.btn-primary:active, 
.show>.btn-primary.dropdown-toggle {
	background-color: #2d557e;
	background-image: none;
	border-color: #2d557e;
}
.btn-primary:hover {
    color: #fff;
    background-color: #072D53;
    border-color: #072D53;
}

.btn-outline-primary {
    color: #2d557e;
    background-color: #ffffff;
    background-image: none;
    border-color: #2d557e;
    text-transform: uppercase;
}
.btn-outline-primary:hover {
    color: #AB0031;
    background-color: rgba(45,85,126,0.20);
    border-color: #2d557e;
}

.btn-outline-register {
    color: #DD2800;
    background-color: #ffffff;;
    background-image: none;
    border-color: #DD2800;
    padding:5px 15px 5px 15px;
    font-weight:700;
}
.btn-outline-register:hover {
    color: #ffffff;
    background-color: #DD2800;
    border-color: #ffffff;
}

.btn-outline-sidebar {
    width: 100%;
    color: #888888;
    background-color: #ffffff;
    border-color: #888888;
    text-transform: uppercase;
}
.btn-outline-sidebar:hover {
    color: #000000;
    background-color: rgba(45,85,126,0.20);
    border-color: #888888;
}


.btn-innovation-call {
    color: #2d557e;
    background-color: #ffffff;
    background-image: none;
    border-color: #2d557e;
    padding:15px 25px 15px 25px;
    font-weight:700;
    display:block;
}
.btn-innovation-call:hover {
    color: #ffffff;
    background-color: #2d557e;
    border-color: #ffffff;
}

.deadbtn.btn-innovation-call {text-align:center; border:1px solid #2d557e;}
.deadbtn.btn-innovation-call:hover {background-color:#ffffff; color: #2d557e;}




/* BS Edits Borders */

.border-primary { border:1px solid #2d557e!important; }



/* BS Form Edits */

.mcmitp-form label {font-size: 1.3rem; font-weight:700;}

.mcmitp-form .form-control { font-size: 1.4rem;  padding: 10px; height: calc(3.25rem + 6px);}
.mcmitp-form label.form-check-label { font-size: 1.4rem; font-weight:300; margin-left:10px; }

.mcmitp-form .form-check-input {margin-top: 0.7rem;}



.nda-check label.form-check-label { font-size: 1.4rem; font-weight:300; margin-left:10px; }
.nda-check .form-check-input {margin-top: 0.5rem;}



/* Back to Top */

.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 20px;
	right: 10px;
    z-index:1000;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: center 50%;
	background-image: url(../media/cd-top-arrow.svg);
	background-color: rgba(45,85,126,0.80);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}






/* Tooltip */

.tooltip {font-size:1.4rem;}

.tooltip-inner {
    padding:10px;
    color:#2d557e;
    text-align:left;
    background-color:#ffffff; 
    border: 1px solid #2d557e; 
}


.tooltip.bs-tooltip-top .arrow:before {
    border-width: 0.8rem 0.8rem 0;
    border-top-color: #2d557e;
}







/* xxxxxxx Header Wrappers xxxxxxxx */

.top-bar { background-color:rgba(7,45,83,0.65)}
.top-bar.darken { background-color:rgba(7,45,83,0.99)}

.main-nav-bar { 
    background-color: rgba(45,85,126,0.35);
    -webkit-transition: background 1s; 
    transition: background 1s; 
}

.main-nav-bar .navbar {padding:0.5rem 1rem 1rem 1rem;}


.main-nav-bar.darken { background-color: rgba(45,85,126,0.99); }
.main-nav-bar.mobdarken {
    background-color: rgba(45,85,126,0.99);
    box-shadow: 0px 2px 3px rgba(0,0,0,0.30);
    -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.30);
}




/* All pages (NOT HOME) */
.page-header  {height:110px;}
.page-header .top-bar { background-color:rgba(7,45,83,01.0)}
.page-header .main-nav-bar  {background-color: rgba(45,85,126,1.0);}

        @media (max-width: 767.98px) {
        .navbar-expand-md>.container { padding-right: 15px; padding-left: 15px; }
        }


/* xxxxxxxx Top Menu xxxxxxxxx */

.top-bar .navbar { padding:0;}
.top-bar .row { padding:10px;}

.mcm-top-left {
    position: relative;
    flex: 0 0 70%;
    max-width: 70%;
    padding:2px 0px 2px 0px;
}

.mcm-top-right {
    position: relative;
    flex: 0 0 30%;
    max-width: 30%;
    padding:2px 0px 2px 0px;
}

         @media (max-width: 575px) {
            .mcm-top-left {flex: 0 0 20%; max-width: 20%;}
            .mcm-top-right {flex: 0 0 80%; max-width: 80%;}
        }

.top-bar .nav-link {font-weight:300;}

.mcm-top-left .navbar-expand-sm .navbar-nav .nav-link { padding:0px 10px 0px 10px; font-size: 1.3rem; line-height:1.0;}
.mcm-top-left .nav-item { border-right:1px solid #f2f2f2; }
.mcm-top-left .nav-item:last-child { border-right:none;}

.mcm-top-left .navbar li a { color: #B3A6C8; }
.mcm-top-left .navbar li.active a { color: #ffffff; }
.mcm-top-left .navbar li a:hover { color: #F7B408;}

.mcm-top-left .navbar-toggler {padding: 0px 0px 0px 20px; }
.mcm-top-left .navbar-toggler:focus {
    outline: 0px dotted;
	outline: 0px auto -webkit-focus-ring-color;
}

    @media (max-width: 575px) {
    .mcm-top-left.clicked { position: relative; flex: 0 0 100%;  max-width: 100%; }
    .mcm-top-right.hide { display:none;}

    .mcm-top-left .navbar-expand-sm .navbar-nav .nav-link { padding:5px 5px 5px 0px;}   
        
    .mcm-top-left .navbar .nav-item,
    .mcm-top-left .navbar .nav-item:first-child,
    .mcm-top-left .navbar .nav-item:last-child { border-right:none; padding:10px 10px 10px 20px;}
     
    .mcm-top-left .navbar  {padding-left:0px; padding-right:0px; padding-bottom:0px;}
    .mcm-top-left .navbar li:hover {background-color:rgba(0,0,0,0.50);}
        
	}





/* xxxxxxxxxxxx Top Login / Languages xxxxxxxxxxxx */

/*.mcm-top-right { padding-right:15px;}*/

.mcm-top-right ul {
	list-style-type: none;
    margin: 0;
    padding:0;
	font-size: 1.2rem;
    line-height:1;
}
.mcm-top-right li {
    font-size: 1.2rem;
    float: left;
    padding:0px 5px 0px 5px;
}

.mcm-login a {
    color:#ffffff;
    line-height:16px;
    margin-right:10px;
}
.mcm-login a:hover {
    color:#F7B408;
    text-decoration:none;
}
.mcm-login a:after {
    font-family: "FontAwesome";
    content: "\f090";
    margin-left:5px;
}

.mcm-top-right img { border: 1px solid #8F82A5; }
.mcm-top-right img.thislanguage {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.mcm-top-right img {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.mcm-top-right img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}



/* MAIN NAV */

.mcm-nav-center { -ms-flex-pack: center!important; justify-content: center!important; }
.main-nav-bar .navbar li a {font-weight: 400; font-size: 2rem; color: #ffffff;}
.main-nav-bar .navbar li.active a {color: #ffffff;}
.main-nav-bar .navbar li a:hover { color: #F7B408;}

.main-nav-bar .navbar .nav-link { padding:10px 20px 10px 20px;}

.main-nav-bar .navbar-toggler:focus {
    outline: 0px dotted;
	outline: 0px auto -webkit-focus-ring-color;
}

@media (max-width:991px) {
.main-nav-bar .navbar li a {font-size: 1.75rem;}
    
}

/*
@media (max-width:575px) {
    .main-nav-bar .navbar .nav-link { padding:0px;}
    .main-nav-bar .navbar .nav-item:last-child { margin-bottom:10px;}
}
*/



/* Main Nav (mobile) */

@media (max-width:767px) {
	.main-nav-bar .navbar .nav-link{padding-left:0px;}
	#mainNav .navbar-nav {padding-top:10px;}
}



/* All pages (NOT HOME) */
.main-nav-bar.nothome .navbar .nav-item:last-child a { padding-right:0px;}






/* Main Nav HWBD Toggler */
.navbar-toggler.hwbd-style {
	position: relative;
    float: none;
    text-align:center;
    padding: 12px;
    margin: 8px auto 8px auto;
    background-color: transparent;
    background-image: none;
	border: 1px solid rgba(255,255,255,1.00);
    border-radius: 4px;
}

.navbar-toggler.hwbd-style .icon-bar { background-color: #fff;}
.navbar-toggler.hwbd-style .icon-bar { position: relative; transition: all 500ms ease-in-out; }
.navbar-toggler.hwbd-style .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggler.hwbd-style .icon-bar:nth-of-type(2) { top: 1px; }
.navbar-toggler.hwbd-style .icon-bar:nth-of-type(3) { top: 2px;}
.navbar-toggler.hwbd-style .icon-bar+.icon-bar { margin-top: 4px;}

/* xxxxxx Animation for the mobile nav icon to an X !!!! xxxxxxx */
.navbar-toggler.hwbd-style.active .icon-bar:nth-of-type(1) { top: 6px; transform: rotate(45deg);}
.navbar-toggler.hwbd-style.active .icon-bar:nth-of-type(2) { background-color: transparent;}
.navbar-toggler.hwbd-style.active .icon-bar:nth-of-type(3) { top: -6px; transform: rotate(-45deg);}


/* All pages (NOT HOME) */
.nothome .navbar-toggler.hwbd-style { margin: 0px; }




/* Main Nav Dropdowns */

.dropdown-menu {
    background-color:#2d557e;
    padding: 10px 10px 10px 10px;
    margin: 0px 10px 10px 10px;
    min-width: 200px;

}

.dropdown-menu li {
    margin-bottom:7px;
    padding-bottom:7px;
    border-bottom:1px solid #9E9DBA;
}

.dropdown-menu li:last-child {
    margin-bottom:0px;
    padding-bottom:0px;
    border-bottom:none;
}


.dropdown-menu li a {
    font-size: 1.4rem!important;
    line-height: 1.2;
    font-weight: 400!important;
    color: #9E9DBA;
}






/* Home Header / Banner */

.home-header {
    display:block;
    background-image: url(../media/cw-itp-banner.jpg);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover; 
}

.home-banner {padding-top:130px; padding-bottom:30px;}
.home-banner h1 {
    color: #ffffff;
    font-size: 6rem;
    line-height: 1;
    padding-top: 10px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.40),0 0 5px #2d557e;
}
.home-banner img {max-width:100%; height: auto;}

.home-banner h1.fr {
    font-size: 4rem;
    text-transform: none;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.40),0 0 5px #2d557e;
}


@media (min-width: 768px) and (max-width: 991px) {
    .home-banner h1 {font-size:4.8rem;}
}

@media (min-width: 576px) and (max-width: 767px) {
    .home-banner h1 {font-size:4rem;}
}

@media (max-width: 766px) {
    .home-banner h1 {font-size:3.6rem;}
}




/* Grey Wrap */

.mcm-grey-wrap {width:100%; background-color:#f2f2f2; display:block;}


/* Yellow Wrap */

.mcm-yellow-wrap {
	width: 100%;
	background-color: rgba(247,180,8,0.15);
	display: block;
}







/* Page Banner */

.mcm-page-banner { width:100%; background-color: #F7B408;}
.mcm-page-banner p { text-align:center; line-height:1.4; font-size:1.5rem; padding:0px; font-weight:400;}
.mcm-page-banner.fr p { text-align:center; line-height:1.4; font-size:1.4rem; padding:0px; font-weight:400;}

.mcm-page-conf-banner { width:100%; background-color: #F7B408;}
.mcm-page-conf-banner p { text-align:center; font-size:1.8rem; color:#DD2800; font-weight:700;}
.mcm-page-conf-banner a { margin:0px 15px 0px 15px;}

.mcm-page-banner p strong, 
.mcm-page-banner p b {font-weight:700;}

.mcm-page-banner.topic p strong, 
.mcm-page-banner.topic p b {font-size:1.7rem; font-weight:700; color:#AB0031;}








/* Domain Cards */

.domain-cards h5 {color:#2d557e; padding-top: 0px; font-size: 1.6rem; line-height:1.3; font-weight:700;}
.domain-cards p { font-size: 1.3rem; line-height:1.4;}
.domain-cards a {text-decoration:none;}
.domain-cards a strong {font-weight:700;}
.domain-cards .card-body {padding-bottom:5px;}
.domain-cards a .card-footer:hover {background-color:rgba(45,85,126,0.20);}


.domain-cards .card-img-top {max-width: 183px; margin-bottom: 5px;}

        @media (min-width: 1199px) {
            .domain-cards .card-footer {padding:0.75rem 4rem;}
        }

.domain-cards .card-footer p {font-weight:700; font-size: 1.4rem; margin-bottom:0px;}
.domain-cards .card-footer p:hover {color:#000000;}
.domain-cards [class^="col-"] {padding-bottom:15px;}


.domain-cards.participants p {font-weight:700; line-height:1.3; padding-bottom:5px;}
.domain-cards.participants p:hover {color:#000000;}
.domain-cards.participants .card:hover {background-color:rgba(45,85,126,0.10);}








/* Event Cards */

.event-cards h4 {color:#2d557e; padding-top: 0px; font-size: 1.6rem; line-height:1.3; font-weight:700; margin-bottom: 0px;}
.event-cards .card-header a {text-decoration:none;}
.event-cards .card-header {
	background-color: rgba(255,255,255,1.00);
	display: flex;
}

.event-cards .card-body a {text-decoration:underline; font-weight:700;}
.event-cards p, .event-cards ul{ font-size: 1.3rem; line-height:1.4;}
.event-cards a .card-footer:hover {background-color:rgba(45,85,126,0.20);}

        @media (min-width: 1199px) {
            .event-cards .card-footer {padding:0.75rem 4rem;}
        }

.event-cards .card-footer p {font-weight:700; font-size: 1.4rem; margin-bottom:0px;}
.event-cards .card-footer p:hover {color:#AB0031;}
.event-cards [class^="col-"] {padding-bottom:15px;}



/* Event Cards - News */

.event-cards .news-title {flex-grow: 1; padding-right:30px;}
.event-cards .news-date {min-width:90px; text-align:right;}
.event-cards .news-date p {margin-bottom: 0px; margin-top:5px; font-weight:400;}






/* Home Event panels */

.event-cards .home-panel .card-header{ text-align:center; display:flex; align-items:center;}
.event-cards .home-panel .card-header .event-date {
	display: flex;
	align-items: center;
	padding: 6px;
	min-width:82px;
	background-color: #ffffff;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15); 
}

.event-cards .home-panel .card-header span.event-day {color:#AB0031; font-size:3rem; font-weight:700; padding-right:3px;}
.event-cards .home-panel .card-header span.event-month {
	color: #999999;
	font-size: 1.5rem;
	font-weight: 600;
	margin-top: 3px;
}

.event-cards .home-panel .card-header .event-title {text-align:left; padding-left:12px; font-size: 1.6rem; line-height:1.3; font-weight:700; color:#2d557e; text-transform: uppercase; }
.event-cards .home-panel h5 {color:#000000; }
.event-cards .home-panel p, .event-cards .home-panel ul{ font-size: 1.4rem; line-height:1.5;}





/* Events Page */

.event-cards .home-panel.events .card-header .event-title { padding-left: 0px; flex-grow: 1; padding-right:15px;}
.event-cards .home-panel.events .card-header .event-title {font-size:2.2rem; }

.event-cards .home-panel.events .card-header span.event-day {font-size:1.8rem;}
.event-cards .home-panel.events .card-header span.event-month {font-size: 1.8rem; margin-top: 0px;}
.event-cards .home-panel.events .card-header span.event-to {font-size: 1.8rem; color: #999999; font-weight: 600; padding:0px 6px;}

				@media (max-width: 768px) {
					.event-cards .home-panel.events .card-header .event-title {padding-right: 0px;}
					.event-cards .home-panel.events .event-date {display:none;}
				}




/* NEWS - Feed*/

a.news-item {padding:5px 10px; background-color:#ffffff; border-bottom:1px solid #dddddd; display:flex; align-items: center;}
a.news-item:last-of-type {border-bottom:none;}
a.news-item:hover {background-color:#f2f2f2;}

.news-img img {
	padding-right: 10px; 
	width: 100px;
	height:60px;
	object-fit: cover;
}

.news-title {flex-grow: 1; margin:3px 0px; font-weight:700; line-height:1.4;}










/* PAGINATION */

.cw-pagination .page-link {
    color: #2d557e;
    border: 1px solid #dee2e6;
	font-weight:400;
}

.cw-pagination .page-item.active .page-link {
	border-color: #2d557e;
	background-color:#2d557e;
}











/* Home Conference App */

.home-conference-app {
    padding:10px 0px 10px 0px;
    background-image: url(../media/home-conference-app-bkgrnd.jpg);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover;  
}

.home-conference-app p {padding-right:50%;}
.home-conference-app ul {margin-left:-20px;}
.home-conference-app li {color:#2d557e; font-weight:400; padding-right:50%;}

@media (max-width: 767px) {
    .home-conference-app { background-position:55% center; }
    .home-conference-app h2  {padding-right:25%;}
    .home-conference-app p  {padding-right:38%;}
    .home-conference-app li  {padding-right:45%;}
}







/* Home Conference Panel */

.home-message-panel {
    padding: 15px 30px 15px 30px;
    display: flex;           /* establish flex container */
    flex-direction: column;  /* make main axis vertical */
    justify-content: center; /* center items vertically, in this case */
    /*align-items: center;     /* center items horizontally, in this case */
    height: auto;
}

.home-message-panel a.panel_link {color:#ffffff; text-decoration:underline;}
.home-message-panel a.panel_link:hover {color:#ffffff; text-decoration:underline;}

.home-message-panel h2 {font-size: 2.8rem; padding-top:0px;}
.home-message-panel h3 {font-size: 2.4rem; padding-top:0px;}
.home-message-panel h4 {font-size: 1.8rem; padding-top:0px;}
.home-message-panel p {font-weight:400; line-height:1.4; }



.home-message-panel.programme {
	background-image: url(/media/pictures/home-programme-panel-2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	border: 1px solid #394C79;
	padding: 20px 30px 15px 30px;
}

.home-message-panel.programme h2, 
.home-message-panel.programme h3,
.home-message-panel.programme h4,
.home-message-panel.programme p {color:#ffffff;}

.home-message-panel.programme h2 strong, 
.home-message-panel.programme h3 strong,
.home-message-panel.programme h4 strong {color:#FEB400;}


.home-message-panel.conference {
    background-image: url(/media/pictures/home-conference-panel.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
	border: 1px solid #DD2800;
}


.home-message-panel.conference h2 {padding-bottom:8px;}

.home-message-panel.conference h2, 
.home-message-panel.conference h3,
.home-message-panel.conference h4, 
.home-message-panel.conference p {color:#000000; text-transform:none;}

.home-message-panel.conference h2 strong, 
.home-message-panel.conference h3 strong {color:#DA0D10;}





.home-message-panel .btn-outline-register {font-size: 2.5rem; line-height:1.2; margin-top:13%; padding:10px 20px 10px 20px;}

.home-message-panel.conference .btn-outline-register {margin-top:10px;}


        @media (max-width: 767px) {
            .home-message-panel .btn-outline-register {margin-top:10px;}
        }






/* Conference details*/


.conference-page-details {
	display:block; 
	width:100%; 
	padding:15px; 
	background-color:#FFF3E0;
	margin-bottom:20px;
}

.conference-page-details b, .conference-page-details strong {
	font-size: 2.3rem; color: #666;
}


.btn-conference-details {
	color: #000000;
	background-color: #F7B408;
	background-image: none;
	border-color: #000000;
	padding: 5px 15px 5px 15px;
	font-weight: 700;
	margin-top:8px;
}
.btn-conference-details:hover {
	color: #000000;
	background-color: #ffffff;
	border-color: #000000;
}






/* Innovation Call Panel */

.innovation-call-panel {
    padding: 15px 30px 15px 30px;
    background-image: url(../media/pictures/innovation-call-graphic.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    display: flex;           /* establish flex container */
    flex-direction: column;  /* make main axis vertical */
    justify-content: center; /* center items vertically, in this case */
    /*align-items: center;     /* center items horizontally, in this case */
    height: 260px;
}
.innovation-call-panel h2 {font-size: 2.8rem; color:#2d557e; font-weight:700;}
.innovation-call-panel ul {padding-left:20px;}

.innovation-call-panel .btn-innovation-call {font-size: 2rem; line-height:1.2; padding:15px 25px 15px 25px; text-transform: uppercase;}

        @media (max-width: 991px) {
             .innovation-call-panel h2 {font-size: 2.4rem;}
             .innovation-call-panel { background-size: cover; background-position: -170px center; height: 330px;}
        }

        @media (max-width: 767px) {
            .innovation-call-panel { display: block; height:auto; background-size: cover; background-position: -250px center;}
            .innovation-call-panel .btn-innovation-call { margin-top:10px;}
        }

        @media (max-width: 480px) {
           .innovation-call-panel { padding: 15px;}
           .innovation-call-panel h2 {font-size: 2rem;}
           .innovation-call-panel p {font-size: 1.4rem; line-height:1.4;}
        }


.innovation-call-cta {
    display: flex;           /* establish flex container */
    flex-direction: column;  /* make main axis vertical */
    justify-content: center; /* center items vertically, in this case */
    /*align-items: center;     /* center items horizontally, in this case */
}


.innovation-cta {
	display: flex;           /* establish flex container */
	flex-direction: column;  /* make main axis vertical */
	justify-content: center; /* center items vertically, in this case */
	/*align-items: center;     /* center items horizontally, in this case */
	height: 100px;
	border: 1px solid #2d557e;
	padding: 15px 30px 15px 130px;
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.2;
	color: #2d557e;
	/*text-transform: uppercase;*/
	background-color: #ffffff;
}

@media (max-width: 991px) {
    .innovation-cta { font-size: 1.8rem;}
}

.innovation-cta:hover {
    background-color:rgba(45,85,126,0.10);
}

.innovation-cta.en {
    background-image: url(../media/innovation-cta-flags-uk.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}

.innovation-cta.fr {
    background-image: url(../media/innovation-cta-flags-fr.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;

}



/* INNOVATION BLOCKS */

.innovation-block { background-color:#F9F9F9; padding:15px; margin-bottom:30px; border:1px solid #dddddd;}










/* Committee Member */
.member-wrap{
	padding:10px; 
	border:1px solid #dddddd; 
	background-color:#ffffff;
}

.member-top {
	display:flex;
	align-items: center;
}
.member-image img {border-radius: 50%; margin-bottom:10px; border:1px solid #dddddd;}
.member-data  {padding-left:10px; }
.member-data p {font-size:1.35rem; line-height:1.4;}


		/* No greater than 991px, no less than 768px */
		@media (max-width:991px) and (min-width:768px) {
			.committee-member {
				align-items: center;
				flex-direction: column;
			}
		}

.member-profile p {font-size:1.35rem; line-height:1.5;}










/* SIDEBAR */

.sidebar-panel {background-color:#f2f2f2; padding:10px; margin-bottom:15px;}
.sidebar-panel h4 {font-size: 1.6rem; line-height:1.2; padding-bottom:5px; border-bottom:1px solid #888888; margin-bottom:8px; font-weight:700;}
.sidebar-panel p {font-size:1.3rem; line-height:1.5;}
.sidebar-panel ul {margin-left:-18px;}
.sidebar-panel li {font-size:1.3rem; line-height:1.5;}
.sidebar-panel img {margin:0px auto 0px auto;}



.sidebar-panel.events {
	background-color:#fee2b3;
	background-image: url(../media/event-banner.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 100% auto;
}

        @media (max-width: 767px) {
            .sidebar-panel.events { background-size: 80% auto; }
        }

.sidebar-panel.standout {
	background-color: #F2E2E2;
}


.domain-list {list-style-type: none;}
.domain-list li {margin-left:-20px; padding:0px 0px 10px 0px; border-bottom:1px solid #dddddd; margin-bottom:10px; font-size:1.4rem; line-height:1.1; font-weight:700;}



/* Domain Boxes */

.domain-box {padding:15px; border:1px solid #2d557e;}
.domain-box:hover {color:#000000; background-color:rgba(45,85,126,0.10);}
.domain-box h5 {font-size: 1.5rem; color:#2d557e; line-height:1.2; font-weight:700;}
.domain-box h5:hover {color:#000000;}




/* Alternative panel */

.alternative-panel {width:100%; background-color:#f2f2f2; padding:15px 15px 5px 15px; overflow:auto;}
.alternative-panel h5 {font-size: 1.8rem; color:#2d557e; font-weight:700; margin-bottom:12px;}

.altchoice {display:block; float:left; width:100%; margin-bottom:10px;}
.alt-number {
    float:left; 
    width:7%; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    }
.alt-number:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.alt-img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.alt-text {
    float:left; 
    width:93%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height:50px;
    padding:0px 0px 0px 10px;
    
}

.alt-text .textcenter { text-align: left; line-height:1.2; font-size:1.7rem; font-weight:700; color:#888888; }

        @media (max-width: 991px) {
            .alt-number {width:12%;}
            .alt-text {width:88%;}
            .alt-text .textcenter { font-size:1.5rem; }
        }





/* Organisational panel */

.organisation-panel h5 {font-size: 1.9rem; color:#2d557e; font-weight:700; margin-bottom:12px;}
.orgchoice {width:100%; background-color:#f2f2f2; padding:10px 10px 3px 15px; overflow:auto; border:1px solid #888888; margin-bottom:10px;}
.orgchoice:hover {background-color:rgba(45,85,126,0.10);}

.org-icon {
    float:left; 
    width:10%; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    }
.org-icon:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.org-img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.org-text {
    float:left; 
    width:90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height:72px;
    padding:0px 0px 0px 10px;
    
}

.org-text .textcenter { text-align: left; line-height:1.2; font-size:1.7rem; font-weight:700; color:#2d557e; }


        @media (max-width: 991px) {
            .org-icon {width:20%;}
            .org-text {width:80%;}
        }





/* Registration */

#registerModal h5.modal-title { padding-left:25px; color:#2d557e;}
#registerModal .modal-body.registration { padding:15px 35px 15px 35px; font-size: 1.3rem;}
#registerModal .close {font-size: 3rem;}


#ndaProcess h5.modal-title { padding-left:25px; color:#2d557e;}
#ndaProcess .modal-body.registration { padding:15px 35px 15px 35px; font-size: 1.3rem;}
#ndaProcess ol { padding-left:15px;}
#ndaProcess li { margin-bottom:8px;}
#ndaProcess .close {font-size: 3rem;}

#ndaProcessUK h5.modal-title, #ndaProcessFR h5.modal-title { padding-left:25px; color:#2d557e;}
#ndaProcessUK .modal-body.registration, #ndaProcessFR .modal-body.registration { padding:15px 35px 15px 35px; font-size: 1.3rem;}
#ndaProcessUK ol, #ndaProcessFR ol { padding-left:15px;}
#ndaProcessUK li, #ndaProcessFR li { margin-bottom:8px;}
#ndaProcessUK .close, #ndaProcessFR .close {font-size: 3rem;}



/* Domain Pages */

.domain-logo {width:60%; padding:10px 0px 10px 0px;}
.domain-picture {width:100%; padding:0px 0px 20px 0px;}
.domain-picture h6 {padding:0px 0px 10px 0px;}





/* ABOUT */

.about-vision h4, .about-mission h4 {font-weight:600;}
.about-vision h4 {color:#E8AB02;} 
.about-mission h4 {
	color: #34579A;
}

.about-vision {background-color:#FBF2D6;}

.about-mission {background-color: #D6EBFB;}
































/* PDF Download */

.pdf-download span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-weight:400;
}

.pdf-download .ndas .nda-inner {padding:10px; border:1px solid #dddddd;}
.pdf-download .ndas p{font-size: 1.4rem;}






/* Exhibitor/Speaker Panel */

.form-row.register-exhibitor-speaker {background-color:#f2f2f2; padding:10px; }
.form-row.register-exhibitor-speaker p {font-size:1.4rem; font-weight:400; }



/* Alert Panel */

.alert-panel {width:100%; background-color:#F6C1CC; border:1px solid #DD2222; border-radius:3px; padding:5px 15px 5px 15px;  margin-top:10px;}
.alert-panel h4 { color: #DD2222;}
.alert-panel p { margin-bottom: 0.5rem; font-size: 1.3rem;
    line-height: 1.2;}




/* Footer */

.mcm-page-footer  {width:100%; background-color:#dddddd; padding:20px 0px 20px 0px; }
.mcm-page-footer img {max-width:100%; height: auto;}

.mcm-page-footer p {
    color:#8F8F8F;
    font-size:1.2rem;
    line-height:1.3;
	font-weight:400;
}
.mcm-page-footer a { color:#8F8F8F;  font-weight:400;}
.mcm-page-footer a:hover { text-decoration:underline; }

.mcm-page-footer h6 { color:#8F8F8F; padding-bottom:8px;}

.mcm-page-footer ul {
	list-style-type: none;
    margin: 0;
    padding:0;
    font-size:1.3rem;
    line-height:1.5;
	font-weight:400;
}
.mcm-page-footer li {
	margin:3px 0px 3px 0px;
    color:#8F8F8F;
}

.mcm-page-footer .footer-col-left, .mcm-page-footer .footer-col-mid {
    border-right: 1px solid #C6C6C6;
}

@media (max-width: 767px) {
    .mcm-page-footer .footer-col-mid, .mcm-page-footer .footer-col-right {border:none;}
    .mcm-page-footer .footer-col-left, .mcm-page-footer .footer-col-mid {margin-bottom:20px;}
}

@media (max-width: 575px) {
    
    .mcm-page-footer .footer-col-left, .mcm-page-footer .footer-col-mid {padding-bottom:20px; border-bottom:1px solid #C6C6C6; }
    
}

.mcm-right-footer ul{padding:0px 0px 15px 0px;}



.footer-socials {width:100%; display:block; padding-top:10px;}